<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no, email=no" />
    <title>资料完善</title>
    <link type="text/css"  rel="stylesheet"  href="./css/weui.css" media="all">
    <link type="text/css"  rel="stylesheet"  href="./css/quick_shop_main.css" media="all">
    <link type="text/css"  rel="stylesheet"  href="./css/index.css" media="all">

</head>
<body ontouchstart class="card">
        <div class="weui-cells__title title left">
            <label class="bg_icon1 tips"></label>
            <div >
                <span class="top-tips">
                    您的身份证名字与银行卡持卡人姓名不一致,请修改您的资料.
                </span>
                <span class="note">
                    注:如姓名不一致,在11月10日后将无法进行交易
                </span>
            </div>
        </div>
        <form action="index_submit" method="get" accept-charset="utf-8">
            <div class="weui-panel">
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label name">
                            店铺名称:
                        </label>
                    </div>
                    <div class="weui-cell__hd">
                        <label class="weui-label value">
                            小飞燕
                        </label>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label name">
                            身份证名称:
                        </label>
                    </div>
                    <div class="weui-cell__hd">
                        <label class="weui-label value">
                            余爽爽
                        </label>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label  class="weui-label name">身份证号:</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input 
                            name="idNo"
                            id="idNo"
                            class="weui-input sm check"  
                            type="number"  
                            pattern="[0-9]*" 
                            value="输入有误" 
                            placeholder="请输入持卡人的身份证号"
                        />
                    </div>
                    <div 
                        class="weui-cell__ft" 
                        id="idNo-cancel-but"  
                        style="display:none;"
                        >
                        <span class="ico-fork"></span>
                        <!--<i class="weui-icon-cancel"></i>-->
                    </div>
                </div>
                <div class="weui-cell default">
                    <div class="weui-cell__bd">
                        <div class="weui-uploader">
                            <div class="weui-uploader__hd">
                                <p class="weui-uploader__title">
                                    身份证图片
                                <span  class="gray-note">
                                    (正反两面)
                                </span>

                                </p>
                                <!--<div class="weui-uploader__info">0/2</div>-->
                            </div>
                            <div class="weui-uploader__bd">
                                <ul class="weui-uploader__files" id="uploaderFiles">
                                    <li id="loadingImg"  class="weui-uploader__file weui-uploader__file_status" style="display:none">
                                    <div class="weui-uploader__file-content">
                                        <img src="/css/images/loading.gif"/>  
                                    </div>
                                    </li>
                                </ul>
                                <div class="weui-uploader__input-box " id="uploader">
                                    <input 
                                        id="uploaderInput"
                                        class="weui-uploader__input" 
                                        type="file" 
                                        accept="image/*" 
                                    />
                                    <input 
                                        id="changeImage"
                                        type="file" 
                                        accept="image/*" 
                                        style="display:none;"
                                    />
                                </div>
                                <div  id="imageUrls" style="display:none">
                                
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-panel padding">
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label  class="weui-label name">银行卡号:</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input 
                            id="bankCardNo"
                            name="bankCardNo"
                            class="weui-input sm check" 
                            type="number" 
                            pattern="[0-9]*" 
                            value="输入有误" 
                            placeholder=""
                            />
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label name">
                            持卡人: 
                        </label>
                    </div>
                    <div class="weui-cell__hd">
                        <label class="weui-label value">
                            余爽爽
                        </label>
                    </div>
                </div>
            </div>

            <div class="weui-cells__tips">
                不想用这张银行卡了?
                <a href="" class="note">
                    更换银行卡
                </a>
            </div>

            <div class="box">
                <button class="submit" type="submit" >
                    提交
                </button>
            </div>
        </form>
        <div id="js_muck" class="layer">
            <div class="tipbox">
                <div class="ico-header"> <img src="css/images/userpho.png" class="userpho"> </div>
                <button id="js_closeMsg" class="bg_icon1 close"></button>
                <div class="clear"></div>
                <h1 class="tip-name">报告老板</h1>
                <div class="bg_icon1 coner"></div>
                <p class="p" id="msg">消息内容</p>
                <div id="double_btn" class="double_btn">
                    <!--<button id="js_del" class="btn btn-cancel">确认</button>-->
                    <button id="js_ok" class="btn btn-cancel">确认</button>
                    <button class="btn btn-ok" onclick="hideMsg()">取消</button>
                </div>

            </div>
        </div>

        <script>
            var g_page = 'newCard';
            var g_uploaderUrl = 'http://localhost:6330/uploadPicture';
        </script>
        
        <script src="./js/index.js"></script>
</body>
</html>
